<app-header></app-header>

<div class="container main">
    <div class="row">
        <div id="title_content_meiyuan" class="header-top-content-img1"></div>
        <div class="col-md-9 col-sm-12 hy-main-content">
            <div class="hy-video-details clearfix">
                <div class="item clearfix">
                    <dl class="content">
                        <dt>
                            <a class="videopic lazy" [defaultImage]="'/assets/images/load.png'"
                               [lazyLoad]="Service.image_host+info.thumb" href="javascript:;" title="{{info.title}}">
                                <span class="play hidden-xs"></span><span class="note textbg">{{info.title}}</span>
                            </a>
                        </dt>
                        <dd class="clearfix">
                            <div class="head">
                                <h3>{{info.title}}</h3></div>
                            <div class="score">
                                <input id="rating-input" value="{{info.score}}" type="text"/>
                            </div>
                            <ul>
                                <li class="">
                                    <span class="text-muted">标签：</span>
                                    <a *ngFor="let tag of info.tags" href="/{{info.channel}}/index?tag={{tag}}"
                                       title="{{tag}}">{{tag}}</a>
                                </li>
                                <li class=""><span class="text-muted">时间：</span>{{Service.getDate(info.create_time)}}</li>
                                <li class="pull-bottom">
                                    <a (click)="liked(info.id)" class="btn btn-sm btn-default clickGood" href="javascript:;">
                                        <i class="icon iconfont icon-dianzan"></i> 点赞
                                    </a>
                                    <a (click)="collect(info.id)" class="btn btn-sm btn-default addFav " href="javascript:;">
                                        <i class="icon iconfont icon-xingzhuang-xingxing "></i> 收藏</a>
                                    <a class="btn btn-sm btn-default btn-share" href="javascript:;"
                                       style="display: inline-block;">
                                        <i class="icon iconfont icon-icon-test"></i> 分享
                                    </a>
                                </li>
                            </ul>
                        </dd>
                    </dl>
                </div>
            </div>


            <div class="hy-layout clearfix" style="margin-top: 20px;">
                <div class="hy-video-head"><h3 class="margin-0"><i
                        class="icon iconfont icon-aui-icon-image text-color"></i>图片列表 <span class="text-muted size-s">(点击图片放大)</span></h3></div>
                <div class="hy-video-list">
                    <div class="item">
                        <ul class="clearfix image-list">
                            <li *ngFor="let item of info.images; let i = index"
                                class="col-md-2 col-sm-3 col-xs-4 cover">
                                <a class="videopic lazy"
                                   title="{{info.title}}({{i+1}})"
                                   [defaultImage]="'/assets/images/load.png'"
                                   [lazyLoad]="Service.image_host+item['thumb']"
                                   [attr.big-src]="Service.image_host+item['path']"
                                   [offset]="100">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <!--影片评论-->
            <app-comment [id]="id"></app-comment>
        </div>


        <!--右边列表-->
        <app-right></app-right>

    </div>
</div>
<app-footer></app-footer>
